<template>
  <div class="container">
    <common-header :title="title"></common-header>
    <search-input @searchChenge="searchChenge"></search-input>
    <search-content :keyword="this.keyword"></search-content>
  </div>
</template>

<script>
  import CommonHeader from 'components/Header/CommonHeader.vue';
  import Search from 'components/Searchinput/Index.vue';
  import SearchScroll from 'components/ScrollWrapper/Search.vue';

  export default {
    name: 'Search',
    components: {
      'common-header': CommonHeader,
      'search-input': Search,
      'search-content': SearchScroll
    },
    data: function() {
      return {
        title: '搜索',
        keyword: ''
      }
    },
    methods: {
      searchChenge(keyword) {
        this.keyword = keyword;
      }
    }
  }
</script>

<style lang="scss" scoped="scoped">
</style>
